@extends('public.layouts.main')
@section('style-link')
    <link rel="stylesheet" href="/plugins/bootstrap-table/bootstrap-table.min.css">
    <style type="text/css">
        .bs-bars {
            width: 80%;
            margin: 10px 0;
            line-height: 34px;
        }
        .bootstrap-table .fixed-table-toolbar button {color: inherit;}
        .pagination-detail .btn-group button {color: inherit;}
        table .btn {margin-left: 10px;}
        .table tr th, .table tr td {border: 0px solid transparent !important;}
    </style>
@endsection
@section('menu')
    @include('public.user.menu')
@endsection
@section('content-header')
    <h5>
        <ol class="breadcrumb">
            <li><i class="fa fa-dashboard"></i> 党员 （先锋指数）</li>
            <li class="active">积分档案</li>
        </ol>
    </h5>
@endsection
@section('content')
    <div class="row">
        <div class="col-xs-12">
            <div class="box">
                <!-- /.box-header -->
                <div class="box-body">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="col-sm-9">
                            </div>
                            <div class="col-sm-3 pull-right">
                                <select class="form-control select-year">
                                    @for($i = $year; $i <= $now; $i ++)
                                        <option value="{!! $i !!}">{!! $i !!}</option>
                                    @endfor
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-12">
                            <table class="table table-hover data-table"></table>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="fixed-table-container" style="padding-bottom: 0px;">
                                <div class="fixed-table-body" style="margin-right: 0px;">
                                    <table class="table table-hover table-striped">
                                        <tbody>
                                        <tr>
                                            <td style="width: 20%">
                                                <div class="col-xs-12">评定等级</div>
                                            </td>
                                            <td style="width: 40%">
                                                <div class="col-xs-12">
                                                    <div class="form-horizontal">
                                                        <div class="form-group">
                                                            <label class="control-label col-xs-4">自评</label>
                                                            <div class="col-xs-8 self-level">

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </td>
                                            <td style=""></td>
                                            <td style=""></td>
                                            <td style=""></td>
                                            <td style=""></td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="fixed-table-pagination" style="display: none;"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /.box-body -->
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script src="/plugins/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
    <script src="/js/user/file.js?v={!! time() !!}"></script>
@endsection